<template>
    <drop-menu>
        <slot></slot>
        <template #menu>
            <xui-menu-item v-for="(m, i) in menus" :key="i" :icon="m.icon" @click="m.click">{{
                m.text
            }}</xui-menu-item>
        </template>
    </drop-menu>
</template>

<script setup lang="ts">
import DropMenu from "/@/components/XUII/dropMenu.vue"
import XuiMenuItem from "/@/components/XUII/menus/menuItem.vue"
import icon from "/@/components/XUII/icon/index"
import { FileExtInfo } from '/@/utils/FileHelper'

const menus = [
  {
    icon: icon.nf_cod_open_preview,
    text: '查看',
    click: (f:FileExtInfo) => {}
  },
  {
    icon: icon.nf_mdi_rename_box,
    text: '重命名',
    click: (f: FileExtInfo) => {
     
    }
  },
  {
    icon: icon.nf_cod_cloud_download,
    text: '下载',
    click: (f:FileExtInfo) => {}
  },
  {
    icon: icon.nf_cod_copy,
    text: '复制',
    click: (f:FileExtInfo) => {}
  },
  {
    icon: icon.nf_cod_move,
    text: '移动',
    click: (f:FileExtInfo) => {}
  },
  {
    icon: icon.nf_mdi_delete,
    text: '删除',
    click: (f:FileExtInfo) => {}
  }
]

</script>

<style scoped>

</style>